Skip to content

feat!: new and improved timecontrol#1820

Merged
silvester-pari merged 73 commits intomainfrom
feat/timeslider/init
Dec 13, 2025
Merged

feat!: new and improved timecontrol#1820
silvester-pari merged 73 commits intomainfrom
feat/timeslider/init

Conversation

@srijitcoder
Copy link
Member

@srijitcoder srijitcoder commented Sep 2, 2025

Implemented changes

This PR introduces a significant improvement to the timecontrol. Here is the list of things achieved with this PR -

  • Modularise all the major components in timecontrol
    • eox-timecontrol - Parent element to control all the time related functionality
    • eox-timecontrol-date - A view to display the date with format, type and navigation
    • eox-timecontrol-picker - A new calendar-based date picker component supporting both popup and inline modes
    • eox-timecontrol-timeline - Visualising all the time-based data a timeline using vis-timeline
    • eox-timecontrol-timelapse - Component to animate all the spatial data and export them as gif or mp4
    • eox-timecontrol-slider - Existing timecontrol slider but modularised

Screenshots/Videos

CleanShot 2025-12-12 at 20 19 12

Checklist before requesting a review

@netlify
Copy link

netlify bot commented Sep 2, 2025

Deploy Preview for eoxelements failed.

Name Link
🔨 Latest commit 12a6710
🔍 Latest deploy log https://app.netlify.com/projects/eoxelements/deploys/693c4163f45f8c00071be53f

@A-Behairi
Copy link
Member

API overview:
passing the map to the component via for attribute/property, parsing layers and getting timeControlValues from the layer properties, which is a list of timestamps and additional metadata for filtering (e.g. cloud cover) and a timeControlProperty; only layers with a timeControlValues property are displayed on the picker/timeline. If compare mode is enabled for the map, also gets the layers of the linked map. In simple/casual mode, only a date picker is displayed, in expert mode, a timeline and animation rendering options will be shown additionally.

Layers params gets updated by default on datetime change using the timeControlProperty property from the layer. And an additional attribute/property to disable this to be done externally (for e.g external-map-rendering).

When rendering the animation, getting the canvas of the map as frames (single map) or combination of maps (compare mode)

@srijitcoder srijitcoder changed the title Feat: init eox-timeslider Feat: Improved version of timecontrol Dec 12, 2025
@srijitcoder srijitcoder added the enhancement New feature or request label Dec 12, 2025
@srijitcoder srijitcoder marked this pull request as ready for review December 12, 2025 14:36
@silvester-pari silvester-pari changed the title Feat: Improved version of timecontrol feat!: new and improved timecontrol Dec 12, 2025
@silvester-pari
Copy link
Member

Agreed to merge with currently failing tests, as the tests will be restored once we have the fix in #2002 added.

@silvester-pari silvester-pari merged commit 97f4283 into main Dec 13, 2025
4 of 10 checks passed
@silvester-pari silvester-pari deleted the feat/timeslider/init branch December 13, 2025 08:34
@github-actions github-actions bot mentioned this pull request Dec 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request timecontrol

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants